Swap image with check/uncheck of Radio Button

[lemat]

Hi,
I use a radio button form in which users can select a color by clicking
on a image.
I would like this image to change to another one when it's chosen.
(image with a "Chosen" Stamp in the middle)
Of course I like it to be restored if hte user select another color.

I've tried to add behaviour to the image (swap on click) and on the
button (onchange swap restore) but it doesn't work (hte image id
swapped and restored almost instantly).

Any ideas ?

Mathieu

[Michael White]

le***@attglobal.net wrote:

Hi,
I use a radio button form in which users can select a color by clicking
on a image.
I would like this image to change to another one when it's chosen.
(image with a "Chosen" Stamp in the middle)
Of course I like it to be restored if hte user select another color.

I've tried to add behaviour to the image (swap on click) and on the
button (onchange swap restore) but it doesn't work (hte image id
swapped and restored almost instantly).

Any ideas ?

Mathieu

<input ... onclick=
'if(this.checked)document.images["imageName"].src="chosen.img"'>
<input ... onclick=
'if(this.checked)document.images["originalImageName"].src="original.img"'>
Mick

[lemat]

<input ... onclick=
'if(this.checked)document.images["imageName"].src="chosen.img"'>
<input ... onclick=
'if(this.checked)document.images["originalImageName"].src="original.img"'>
Mick

Thank you Mick,

I have 10 radio buttons, i can paste copy ten times the code and be
careful or do a function:
onclick="changeimages("ImageName1")"
but how do transalte document.images["imageName"].src="chosen.img"' if
i use a java script function.
document.form['myRadioGroup
Name'].images["imageName"].src="chosen.img"' , it dosen't work.

I want to do a loop on every buttons with the image having a
Nameimage+i name.

mat

[lemat]

i did it !!!

function change(idgroupimage)
{
for(var i=1;i<3;i++)
{
if (i!=idgroupimage)
{
eval
('document.form1.nameimage'+i+'.src="Photos/GIF/nameimage'+i+'.gif"');
}
else eval
('document.form1.nameimage'+i+'.src="Photos/GIF/nameimage'+i+'_ok.gif"');
}
}

[Michael White]

le***@attglobal.net wrote:

i did it !!!

function change(idgroupimage)
{
for(var i=1;i<3;i++)
{
if (i!=idgroupimage)
{
eval
('document.form1.nameimage'+i+'.src="Photos/GIF/nameimage'+i+'.gif"');
}
else eval
('document.form1.nameimage'+i+'.src="Photos/GIF/nameimage'+i+'_ok.gif"');
}
}

Why not:
function change(idgroupimage){
for(var i=1;i<3;i++){
document.images["nameimage"+i].src=
"Photos/GIF/nameimage"+i+(i!=idgroupimage?"_ok.gif":".gif");
}
}
?
Mick